<!DOCTYPE html>
<html>
<head lang="en">
    <title></title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="asset/css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="asset/css/app.css"/>
    <link rel="stylesheet" type="text/css" href="asset/css/feedback.css" />
    <link rel="stylesheet" type="text/css" href="asset/css/icons-extra.css" />
    <link rel="stylesheet" type="text/css" href="asset/js/need/layer.css"/>
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <!-- 适应移动端end -->
</head>
<style>
    .mui-media-body span{
        width: inherit;
    }
    .leifeng-icon{
        display: block;
    }
</style>
<body>
    <div class="mui-content">
        <!-- 单页面-->
        <div id="tabbar" class="mui-control-content mui-active" style="margin-bottom: 0.6rem;">
            <!-- 顶部导航-->
            <header class="mui-bar mui-bar-nav header">
                <h1 class="mui-title"><a href="#local" id="openlocal">体验小区<span class="mui-icon mui-icon-arrowdown" style="font-size: 0.15rem;color: #828282;"></span></a></h1>
                <!--http://a.app.qq.com/o/simple.jsp?pkgname=com.qinlin.lebang-->
            </header>
            <!--更换地址-->
            <div id="local" class="mui-popover" style="top: inherit;left: inherit;width: 3.18rem;">
                <ul class="mui-table-view area" style="max-height: inherit;background-color: #fff;"></ul>
            </div>
            <!-- 发布新鲜事-->
            <div id="popover" class="mui-popover" style="top: inherit;left: inherit;width: 3.18rem;">
                <ul class="mui-table-view mui-grid-view mui-grid-9" style="background: inherit;overflow: hidden;">
                    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
                        <a href="newthings.html">
                            <img src="asset/image/Top_text@3x.png" alt="" style="width: 0.6rem;">
                            <div class="mui-media-body">文字新鲜事</div></a>
                    </li>
                    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
                        <a href="javascript:;">
                            <img src="asset/image/Top_Photograph@3x.png" alt="" style="width: 0.6rem;">
                            <div class="mui-media-body">拍照发图</div></a>
                    </li>
                    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
                        <a href="javascript:;">
                            <img src="asset/image/Top_picture@3x.png" alt="" style="width: 0.6rem;">
                            <div class="mui-media-body">相册选图</div></a>
                    </li>
                </ul>
            </div>
            <!-- 屏蔽-->
            <div id="report" class="mui-popover mui-popover-action mui-popover-bottom">
                <ul class="mui-table-view">
                    <li class="mui-table-view-cell">
                        <a href="#reportwo">举报</a>
                    </li>
                    <li class="mui-table-view-cell">
                        <a id="info" href="javascript:;">不看他/她的新鲜事</a>
                    </li>
                </ul>
                <ul class="mui-table-view">
                    <li class="mui-table-view-cell">
                        <a href="#report"><b>取消</b></a>
                    </li>
                </ul>
            </div>
            <!-- 举报-->
            <div id="reportwo" class="mui-popover mui-popover-action mui-popover-bottom" style="bottom: 1.55rem;">
                <ul class="mui-table-view repored" style="overflow: hidden;">
                    <li class="mui-table-view-cell">
                        <a class="witnesses" id="1" href="#reportwo">垃圾营销</a>
                    </li>
                    <li class="mui-table-view-cell">
                        <a class="witnesses" id="2" href="#reportwo">不实信息</a>
                    </li>
                    <li class="mui-table-view-cell">
                        <a class="witnesses" id="3" href="#reportwo">有害信息</a>
                    </li>
                    <li class="mui-table-view-cell">
                        <a class="witnesses" id="4" href="#reportwo">人身攻击</a>
                    </li>
                    <li class="mui-table-view-cell">
                        <a class="witnesses" id="5" href="#reportwo">淫秽色情</a>
                    </li>
                    <li class="mui-table-view-cell">
                        <a class="witnesses" id="6" href="#reportwo">违法信息</a>
                    </li>
                </ul>
                <ul class="mui-table-view">
                    <li class="mui-table-view-cell">
                        <a href="#reportwo"><b>取消</b></a>
                    </li>
                </ul>
            </div>
            <div class="title" style="margin-top: 43px;"></div>
            <!--新鲜事卡片 -->
            <!-- 分类栏-->
            <div class="mui-content">
                <ul id="StoreListHead" class="mui-table-view mui-grid-view mui-grid-9">

                </ul>
            </div>
            <!--<div class="cards"></div>-->
            <div id="wrapper">
                <div id="scroller">
                    <div class="cards" id="thelist">

                    </div>
                </div>
            </div>
        </div>
        <div id="tabbar-with-chat" class="mui-control-content">
            <!-- 顶部导航-->
            <header class="mui-bar mui-bar-nav header">
                <h1 class="mui-title">消息中心</h1>
                <!--<a class="mui-icon mui-icon-bars mui-pull-right"></a>-->
                <a class="mui-btn mui-btn-blue mui-btn-link mui-pull-right" style="    margin-right: 0;font-size: 12px;">全部已读</a>
            </header>
            <div class="title" style="margin-top: 45px;"></div>
            <div class="mui-content">
                <ul class="mui-table-view mui-grid-view mui-grid-9" style="margin-bottom: 0;border-bottom: 1px solid hsla(0, 0%, 93%, 0.5);padding-bottom: 0;">
                    <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"><a href="#">
                        <img src="asset/image/pinglun@2x.png" style="width: 47px;"/>
                        <div class="mui-media-body">评论</div></a></li>
                    <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"><a href="#">
                        <img src="asset/image/dianzan@2x.png" style="width: 47px;"/>
                            <!--<span class="mui-badge">5</span>-->
                        <div class="mui-media-body">点赞</div></a></li>
                    <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"><a href="#">
                        <img src="asset/image/xuanshang@2x.png" style="width: 47px;"/>
                        <div class="mui-media-body">悬赏</div></a></li>
                    <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"><a href="#">
                        <img src="asset/image/tiwen@2x.png" style="width: 47px;"/>
                        <div class="mui-media-body">问答</div></a></li>
                </ul>
            </div>
            <!-- 最新联系人-->
            <!--<ul class="mui-table-view" style="margin-top: 0.1rem;">-->
                <!--<li class="mui-table-view-cell mui-media" style="    border-top: 1px solid hsla(0, 0%, 93%, 0.6);border-bottom: 1px solid hsla(0, 0%, 93%, 0.6);">-->
                    <!--<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.qinlin.lebang">-->
                        <!--<img class="mui-media-object mui-pull-left chat-li-img" src="http://www.quanminlebang.com/photo/shanghu/1478864832192.jpg">-->
                        <!--<div class="mui-media-body">-->
                            <!--系统消息 <span style="float: right;color: #8e8e8e;margin-right: 0.05rem;">19:14</span>-->
                            <!--<p class="mui-ellipsis chat-li-cont">你刚刚发布的新鲜事被人举报了，可能含有不健康信息</p>-->
                        <!--</div>-->
                    <!--</a>-->
                <!--</li>-->
            <!--</ul>-->
        </div>
        <div id="tabbar-with-conts" class="mui-control-content">
            <header class="mui-bar mui-bar-nav header">
                <h1 class="mui-title">选择发布类型</h1>
            </header>
            <div class="title" style="margin-top: 45px;"></div>
            <div class="mui-content" style="background: #FFffff;margin-bottom: 40px;">
                <ul>
                    <li class="brb1">
                        <h3 class="release_title"><i class="release_fir">小区</i>事早知道，邻里之间互相通告</h3>
                        <ul class="release_li">
                            <li><img src="asset/image/Release_03.png" alt=""/><h3>通告通知</h3></li>
                            <li><img src="asset/image/Release_05.png" alt=""/><h3>逸闻趣事</h3></li>
                            <li><img src="asset/image/Release_07.png" alt=""/><h3>爆料求证</h3></li>
                            <li><img src="asset/image/Release_09.png" alt=""/><h3>体验活动</h3></li>
                            <li><img src="asset/image/Release_15.png" alt=""/><h3>技能展示</h3></li>
                        </ul>
                    </li>
                    <li class="brb1">
                        <h3 class="release_title"><i class="release_fir">跑腿</i>帮忙，远亲不如近邻</h3>
                        <ul class="release_li">
                            <li><img src="asset/image/Release_17.png" alt=""/><h3>代跑腿</h3></li>
                            <li><img src="asset/image/Release_19.png" alt=""/><h3>借东西</h3></li>
                            <li><img src="asset/image/Release_21.png" alt=""/><h3>代排队</h3></li>
                        </ul>
                    </li>
                    <li class="brb1">
                        <h3 class="release_title"><i class="release_fir">问答</i>问题，来问问邻居吧</h3>
                        <ul class="release_li">
                            <li><img src="asset/image/Release_26.png" alt=""/><h3>宠物健康</h3></li>
                            <li><img src="asset/image/Release_27.png" alt=""/><h3>花卉养殖</h3></li>
                            <li><img src="asset/image/Release_28.png" alt=""/><h3>小区的事</h3></li>
                        </ul>
                    </li>
                    <li class="brb1">
                        <h3 class="release_title"><i class="release_fir">悬赏</i>有偿，邻居帮忙更方便</h3>
                        <ul class="release_li">
                            <li><img src="asset/image/Release_32.png" alt=""/><h3>找宠物</h3></li>
                            <li><img src="asset/image/Release_33.png" alt=""/><h3>找人</h3></li>
                            <li><img src="asset/image/Release_34.png" alt=""/><h3>找东西</h3></li>
                            <li><img src="asset/image/Release_36.png" alt=""/><h3>找房子</h3></li>
                        </ul>
                    </li>
                    <li class="brb1">
                        <h3 class="release_title"><i class="release_fir">约伴</i>邻居，约个志同道合的她一起嗨</h3>
                        <ul class="release_li">
                            <li><img src="asset/image/Release_42.png" alt=""/><h3>约运动</h3></li>
                            <li><img src="asset/image/Release_43.png" alt=""/><h3>约唱歌</h3></li>
                            <li><img src="asset/image/Release_44.png" alt=""/><h3>约电影</h3></li>
                            <li><img src="asset/image/Release_45.png" alt=""/><h3>约吃饭</h3></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <div id="tabbar-with-contact" class="mui-control-content">
            <!-- 顶部导航-->
            <header class="mui-bar mui-bar-nav header">
                <!--<a class="mui-btn mui-btn-link mui-btn-nav mui-pull-left select-btn" id="openstoreToplist" href="#storeToplist">筛选</a>-->
                <h1 class="mui-title">便民服务</h1>
                <a class="mui-icon mui-icon-search mui-pull-right" href="mysearch.html" style="padding: 0.08rem"></a>
            </header>
            <div id="storeToplist" class="mui-popover" style="height: inherit;width: 3.15rem;">
                <ul class="mui-table-view selectlist"><!-- 商户筛选--></ul>
                <div class="selectTwoAll"></div>
            </div>
            <!-- 导航文字-->
            <div class="title" style="margin-top: 43px;"></div>

            <ul class="mui-table-view" style="margin-top: 0.1rem;margin-bottom: 0.4rem;border-top: 1px solid hsla(0, 0%, 93%, 0.6);">
                <div id="wrapper4">
                    <div id="scroller4">
                        <div id="StoreList"></div>
                    </div>
                </div>
            </ul>

        </div>
        <div id="tabbar-with-PersonalCenter" class="mui-control-content" style="background: #fff;">
            <!-- 头像-->
                <div class="heads">
                    <div class="head-box">
                        <img class="avatar" src="asset/image/同城帮帮logo_2.png" alt=""/>
                        <h3 class="nickname">CTGUer</h3>
                        <div class="star-list" style="margin-bottom: 5px;"><i class="star-i"></i><i class="star-i"></i><i class="star-i"></i><i class="star-i"></i><i class="star-i"></i></div>
                    </div>
                    <div class="mui-content">
                        <div class="mui-row"style="background: #FFFFFF;    border-top: 1px solid hsla(0, 0%, 93%, 0.6);border-bottom: 1px solid hsla(0, 0%, 93%, 0.6);">
                            <div class="mui-col-sm-4 mui-col-xs-4">
                                <li class="mui-table-view-cell">
                                    <a href="javascript:;">
                                    <h4 class="tac mtb xiadanshu">345</h4>
                                    <h3 class="tac">订单</h3>
                                    </a>
                                </li>
                            </div>
                            <div class="mui-col-sm-4 mui-col-xs-4">
                                <li class="mui-table-view-cell">
                                    <a href="mytask.html">
                                        <h4 class="tac mtb ordernum">3</h4>
                                        <h3 class="tac">任务</h3>
                                    </a>
                                </li>
                            </div>
<!--                            <div class="mui-col-sm-4 mui-col-xs-4">-->
<!--                                <li class="mui-table-view-cell">-->
<!--                                    <a href="myfreshthing.html">-->
<!--                                        <h4 class="tac mtb">2</h4>-->
<!--                                        <h3 class="tac">新鲜事</h3>-->
<!--                                    </a>-->
<!--                                </li>-->
<!--                            </div>-->
                        </div>
                    </div>
                </div>
            <div class="mui-content" style="overflow: hidden;margin-bottom: 0.8rem;background-color: #F9F9F9;">
                <ul class="mui-table-view" style="margin-top: 10px;">
                    <li class="mui-table-view-cell">
                        <a class="mui-navigate-right" href="mywallet.html">
                            <i class="Personal_wallet mui-navigate-left"></i>我的钱包
                            <!--<i class="mui-pull-right update money" style="margin-right: 0.12rem;">200.00元</i>-->
                        </a>
                    </li>
                    <li class="mui-table-view-cell">
                        <a class="mui-navigate-right" href="http://a.app.qq.com/o/simple.jsp?pkgname=com.qinlin.lebang">
                            <i class="Personal_star mui-navigate-left"></i>客服中心
                        </a>
                    </li>
                </ul>
                <!--<ul class="mui-table-view" style="margin-top: 10px;">-->
                    <!--<li class="mui-table-view-cell">-->
                        <!--<a class="mui-navigate-right" href="mysetting.html">-->
                            <!--<i class="Personal_Set-up mui-navigate-left"></i>设置-->
                        <!--</a>-->
                    <!--</li>-->
                <!--</ul>-->
                <ul class="mui-table-view" style="margin-top: 10px;">
                    <li class="mui-table-view-cell">
                        <a class="mui-navigate-right" href="http://a.app.qq.com/o/simple.jsp?pkgname=com.qinlin.lebang">
                            <i class="Personal_join mui-navigate-left"></i>申请身份认证
                            <i class="mui-pull-right update" style="font-size: 13px;margin-right: 13px;">认证通过才能提供有偿服务</i>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 单页面-->
    </div>
    <footer>
        <nav id="footers" class="mui-bar mui-bar-tab" style="    box-shadow: 0 0 1px #e7e7e7;    background-color: #fff;">
            <a class="mui-tab-item mui-active" href="#tabbar">
                <span class="mui-icon">
                    <img id="botimg1" class="bottom-img" src="asset/image/Bottomtool_selected_03.png"/>
                </span>
                <span class="mui-tab-label">生活圈</span>
            </a>
            <a class="mui-tab-item" href="#tabbar-with-chat">
                <span class="mui-icon">
                    <img id="botimg2" class="bottom-img" src="asset/image/Home_bottom_05.png"/>
                </span>
                <span class="mui-tab-label">消息</span>
            </a>
            <a class="mui-tab-item conts" href="#tabbar-with-conts">
                <span class="mui-tab-label"><img id="conts" style="margin: 0 13px; width: 30px !important ;" src="asset/image/fabu@3x.png" /></span>
            </a>
            <a class="mui-tab-item" href="#tabbar-with-contact">
                <span class="mui-icon">
                    <img id="botimg3" class="bottom-img" src="asset/image/Home_bottom_07.png"/>
                </span>
                <span class="mui-tab-label">便民服务</span>
            </a>
            <a class="mui-tab-item" href="#tabbar-with-PersonalCenter">
                <span class="mui-icon positioncenter">
                    <img id="botimg4" class="bottom-img" src="asset/image/Home_bottom_09.png"/>
                </span>
                <span class="mui-tab-label">个人中心</span>
            </a>
        </nav>
    </footer>
</body>
    <script type="text/javascript" src="asset/js/jquery-1.10.1.min.js"></script>
    <!-- 适配移动端-->
    <script type="text/javascript" src="asset/js/rem.js"></script>
    <!-- mui框架js-->
    <script src="asset/js/mui.min.js"></script>
    <!--<script src="asset/js/feedback.js" type="text/javascript" charset="utf-8"></script>-->
    <!-- url地址-->
    <script src="asset/js/common.js"></script>

    <!--上拉刷新下拉加载 start-->
    <link rel="stylesheet" href="asset/js/pullToRefresh/dropload.css">
    <script src="asset/js/pullToRefresh/dropload.js"></script>
    <!--上拉刷新下拉加载 end-->


</html>